/*
	Author: Bruno da Gama Porciuncula <bruno@citruz.com.br>
	Project: Muzeo, galeria de fotos.
*/

/* 
# Color reference ###################
	text ab8134
	tamanho thumb - 82x62
*/

body { background: #000 }
#pic {
	background-color: #fff;
	background-image: url(../img/loading.gif);
	background-position: center;
	background-repeat: no-repeat;
}


/* @group rounded-corners images */
.rounded_wrapper { position: relative; margin: -10px auto 10px auto !important; min-width: 50px; }
.rounded_wrapper img { border-width: 0; border-style: none; margin: 4px;  }
.rounded_wrapper div { height: 47px;  position: absolute;  width: 100%; }
.rounded_wrapper .tl { top: -8px;  left: -8px;  background: url(../img/tl.png) no-repeat left top; }
.rounded_wrapper .tr { top: -8px; right: -8px; background: url(../img/tr.png) no-repeat right top; }
.rounded_wrapper .br { bottom: -8px; right: -8px; background: url(../img/br.png) no-repeat right bottom;}
.rounded_wrapper .bl { bottom: -8px; left: -8px; background: url(../img/bl.png) no-repeat left bottom; }
/* @end */

#galeria { padding:0!important; border: none !important; height: 482px; width: 765px; }
#gallery_wrapper {
	background: url(../img/background_gallery.png) -10px -10px no-repeat;
	display: block;
	height: 462px;
	padding: 12px;
	width: 754px;
}

a.disabled#btn_up, a.disabled#btn_down { visibility:hidden !important; }

a#btn_up { top: 0;background: url(../img/up.png) 50% 100% no-repeat; }
a#btn_down { bottom: 0; background: url(../img/down.png) 50% 0 no-repeat; }
 
a#btn_up,
a#btn_down {
	z-index: 99999999;
	left: 19px;
	position: absolute;
	height: 10px;
	width: 100px;
	display: block;
	clear: both;
	background-color: #000;
	text-indent: -9999px 
}

#thumbs_list {
	background: url(../img/background-film-strip.png) 0 0 repeat-y;
	height: 463px;
	padding: 0px 29px 0 28px;
	*padding-top: 20px;
	*height: 443px;
	width: 81px;
	position: relative;
}

.scrollable .active {
	border: 1px solid #fff !important;
	background: #fff;
	z-index:9999;
	position:relative;
}
.scrollable { 
	width: 110px; 
	margin-top: 25px;
	height: 420px;
	overflow: hidden;
	position: relative;
}
.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
	height: 64px;
	width: 84px;
}
.wraptocenter * { vertical-align: middle; }
/*\*//*/
.wraptocenter {
    display: block;
}
.wraptocenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/

.items div {
	margin: 0 0 3px 0;
	padding: 0;
	background: #8c7049;
	border: 1px solid #8c7049;
	clear: both;
	*margin-left: -127px!important;
}

.items p { margin-bottom: 4px; }
.items img {}
div.scrollable div.items { width: 100px; position: absolute; }

#photo {
	height: 400px;
	width: 564px;
	position: relative;
	text-align: center;
	padding-left: 15px;
	*margin-bottom:-10px
}


#picture { 
	padding: 31px 49px 0 0;
	width: 564px; /* 619 - 49 */
	height: 432px; /* 462 - 31 */
	position: relative;
	text-align: center;
	display: block;
}
/*
#picture div.alinhaporra {
	position: relative;
}

#picture div.label {
	position: absolute;
	left: 50%;
	top: 0;
	padding-top: 10px;
}
#picture div.label p {

	background: url(../img/frescura-esquerda.png) no-repeat scroll top right;
	color: #ab8134;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 28px;
    padding-right: 60px;
    text-decoration: none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#picture div.label p  span {
    background: transparent url(../img/frescura-direita.png) no-repeat;
    display: block;
    line-height: 18px;
    padding: 5px 0 5px 60px;
}
*/
#picture div.label { padding-top: 15px; _paddin-top:0; _margin-top: -10px; }

#picture div.label p {
	background: url(../img/frescura-esquerda.png) no-repeat 25% 0;
	color: #ab8134;
	display: block;
	height: 28px;
	text-align: center;
}

#picture div.label p  span {
    background: transparent url(../img/frescura-direita.png) 75% 0 no-repeat;
	display: block;
	line-height: 18px;
	padding: 5px 0;
}

/* 
# Color reference ###################
	text ab8134
*/
/* * { margin: 0; paddin:0 } */


#map_wrapper { height: 480px !important; width: 640px !important; }
#muzeo_map { height: 480px !important; width: 640px !important;  }

#popup { 
	background-image: url(/media/img/inauguracao.jpg); 
	width:680px; 
	height:500px; 
	padding:0px; 
} 
#newsletter div.close, #popup div.close { right:-15px; top:-10px; }

/* close image */
div.close {
	background:url(../img/close3.png) no-repeat;
	position:absolute;
	top:5px;
	right:5px;
	width:35px;
	height:35px;
	cursor:pointer;
	z-index: 1000000000 !important;
}
body { 
	background-color: #000;
	color: #FFFFFF;
	font: 12px Arial;
	position: relative; 
}
object { outline: none; }
#wrapper {
	height: 750px;
	width: 900px;
	margin: 0 auto;
	z-index: 1;
}
#newsletter #errors p { 
	margin: 5px 20px;
	text-align: center;
	font-weight: 700;
	color: #be820f;
}
label { display: block; width: 100px; font-weight: 700; }

input[type=text] {
	display: block;
	border:1px solid #be820f;
	width: 200px;
}
button {
	background: url(../img/btn-enviar.jpg) 0 0 no-repeat; 
	border: none;
	display: block;
	height: 28px;text-indent: -9999px;
	width: 45px;			
}
fieldset { 
	margin: 15px auto; 
	width: 200px;
	text-align: left;
} 
fieldset ol li { margin-top: 10px;	}
h2 {
	font-size: 14px;
	display: block;
	text-align: center;
	padding: 0;
	margin: 0;
	color: #fff;
	margin-bottom: 10px;
}
hr {
	display: block;
	margin: 0 auto;
	border: 0;
	width: 80%;
	height: 1px;
	color: #be820f;
	background-color: #be820f;
	margin-bottom: 10px;
}

/*overlay setup*/

.modal {
	background-color:#000; 
	display:none; 
	width:450px; 
	padding:15px; 
	text-align:center; 
	border:1px solid #be820f;

	/*opacity:0.8; */
	-moz-border-radius:6px; 
	-webkit-border-radius:6px; 
	-moz-box-shadow: 0 0 50px #ccc; 
	-webkit-box-shadow: 0 0 50px #ccc; 
}

.modalInput { display: none }

			
.right{float:right}
.left{float:left}
.clear{clear:both}
.text-left {text-align:left}
.text-justify {text-align:justify}
.text-right {text-align:right}
.text-center {text-align:center}